<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title>${webConfig.name}</title>
		<meta name="description" content="${webConfig.name}">
		<meta name="keywords" content="${webConfig.name}">
		<link href="${s.base}/pc/css/index.css" rel="stylesheet">
		<link href="${s.base}/pc/css/reset.css" rel="stylesheet">
		<link href="${s.base}/pc/css/style.css" rel="stylesheet" type="text/css">
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
		<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
		<script src="${s.base}/pc/js/jquery.min.js"></script>
		<script src="${s.base}/pc/js/jquery.SuperSlide.2.1.1.js"></script>
		<style type="text/css">
			.new_ppp img{max-width: 100%;}
		</style>
	</head>
	<body class="bg">
    <!--顶部菜单-->
	<div class="pheader">
		<div class="naview">
			<div class="nav">
				<dl class="lists active">
					<dt class="nt">
						品牌服务
					</dt>
				</dl>
				<ul class="navlist">
					<#list webNavigationList as webNavigation>
						<li <#if navId==webNavigation.id>class="cur"</#if>><a href="${webNavigation.url}">${webNavigation.name}</a></li>
					</#list>
				</ul>
			</div>
		</div>
	</div>
	<div class="w clearfix" style="position:relative;">
		<div class="cat_wrap">
			<div class="cat_header">
				<div class="cat_list" id="showService">


				</div>
			</div>
		</div>
	</div>

	<!-- 轮播 -->
		<div class="swiper-container swiper-container-h">
			<div class="swiper-wrapper banner-swiper-wrapper">
			</div>
			<div class="swiper-pagination swiper-pagination-white swiper-pagination-h"></div>
			<div class="swiper-button-next swiper-button-white swiper-next"></div>
			<div class="swiper-button-prev swiper-button-white swiper-prev"></div>
		</div>
		<div class="about_us">
			<div class="about_us_left">
				<div class="about_us_left_title">
					<span class="about_us_left_title_1">咨询平台</span><span style="border-bottom: 1px solid #808080;">/adxisory Platform</span>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>门诊时间（无假日医院）</p>
						<p>08:30-19:30</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>预约咨询热线</p>
						<p>${webConfig.telephone}</p>
					</div>
				</div>
				<div class="linxitime">
					<img src="${s.base}/pc/img/3.png" alt="">
					<div class="linxitime_1">
						<p>来院路线</p>
						<p>${webConfig.address}</p>
					</div>
				</div>
				<div class="about_us_buttoms">
					<div class="zx_buttom_1">
						预约咨询
					</div>
					<div class="zx_buttom_1">
						免费预约
					</div>
				</div>
			</div>
			<div class="about_us_right">
				<p class="about_us_right_title">${article.title}</p>
				<#if article.author?default("")?trim?length gt 1>
					<div class="about_us_right_time">
						时间：<span>${article.createTime?string('yyyy年MM月dd日')}</span> 作者:<span>${article.author}</span>
					</div>
					<#else>
						<div class="about_us_right_time">
							时间：<span>${article.createTime?string('yyyy年MM月dd日')}</span>
						</div>
				</#if>
				<span class="new_nlock">
				</span>
				<article class="weui-article">
					${article.content}
				</article>
			</div>
            <div style="clear:both;"></div>
		</div>
	<div class="footer">
		<p>${webConfig.siteNumber}&nbsp;&nbsp;&nbsp;&nbsp;地址：${webConfig.address}
			&nbsp;&nbsp;&nbsp;&nbsp;电话：${webConfig.telephone}</p>
	</div>
	<div class="fixed-right">
		<div class="kefu_box clearfix">
			<div class="kefu">
				<img src="${s.base}/pc/img/icon/side_icon1_1.png">
				<p>客服</p>
			</div>
			<div class="d d-service">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<a href="#" class="clearfix"><span class="circleqq"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
					</div>
				</div>
			</div>
		</div>
		<div class="yuyue_box clearfix">
			<div class="yuyue kefu">
				<img src="${s.base}/pc/img/icon/side_icon2_2.png">
				<p>服务热线</p>
			</div>
			<div class="d d-service-phone">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="d-service-item clearfix">
						<span class="circleqq"><i class="i-tel"></i></span>
						<div class="text">
							<p>服务热线</p>
							<p class="red number">${webConfig.telephone}</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay_box clearfix">
			<div class="pay kefu">
				<img src="${s.base}/pc/img/icon/side_icon3_3.png">
				<p>微信公众号</p>
			</div>
			<div class="d d-qrcode">
				<i class="arrow"></i>
				<div class="inner-box">
					<div class="qrcode-img"><img src="${webConfig.wechat}" alt=""></div>
					<p>微信公众号</p>
				</div>
			</div>
		</div>

	</div>
	</body>
</html>
<script src="${s.base}/pc/js/swiper.min.js"></script>
<script src="${s.base}/pc/js/index.js"></script>
<script src="${s.base}/pc/js/component.js"></script>
<script>
    var configId='${webConfig.id}';
    var navId='${navId}';
    $(document).ready(function(e) {
        initDate();
    });
    function initDate() {
        acceptXygColumnTypeAndArticle('20190729145004089748111356894607',function (result) {
            if(result.code==0){
                var data=result.data;
                var str='';
                data.forEach(function (item,key,mapObj) {
                    str+='<div class="float for1" style="border-bottom: 1px solid #c5c5c5;">'+
                        '<div class="nav-title">'+
                        '<span>'+item.name+'</span>'+
                        '</div>'+
                        '<ul class="clearfix">';
                    if(item.webArticleList.length>0){
                        item.webArticleList.forEach(function (article,key,mapObj) {
                            str+='<li onclick="jumpArticleDesc(\''+configId+'\',\''+article.id+'\',\''+navId+'\')">'+article.title+'</li>';
                        });
                    }
                    str+='</ul>'+
                        '</div>';
                });
                $("#showService").html(str);
            }

        },6);
        acceptXygBanner('20190605224235030385207819993192','${webConfig.userId}',function (data) {
            data.forEach(function (item,key,mapObj) {
                $(".banner-swiper-wrapper").append('<div class="swiper-slide"><img src="'+item.image+'" style="width: 100%;height: 500px;" /></div>');

            });
            var swiper = new Swiper('.swiper-container-h', {
                pagination: '.swiper-pagination-h',
                paginationClickable: true,
                nextButton: '.swiper-next',
                prevButton: '.swiper-prev',
                spaceBetween: 10,
                centeredSlides: true,
                autoplay: 2500,
                autoplayDisableOnInteraction: false,
                effect: 'fade'
            });
        });

    }


			var swiper1 = new Swiper('#anSlider', {
				speed: 1000,
				loop: false,
				nextButton: '.nextBtn',
				prevButton: '.preBtn',
				longSwipesRatio: 0.7,
				spaceBetween: 10,
				autoplay: 3000,
				touchRatio: 0.01,
				shortSwipes: false,
				onClick: function(swiper) {
					swiper.stopAutoplay();
				}
			});
			var swiper2 = new Swiper('#anSlider2', {
				speed: 1000,
				loop: false,
				nextButton: '.nextBtn2',
				prevButton: '.preBtn2',
				longSwipesRatio: 0.7,
				spaceBetween: 10,
				autoplay: 3000,
				touchRatio: 0.01,
				shortSwipes: false,
				onClick: function(swiper) {
					swiper.stopAutoplay();
				}
			});
			$('.xslc').slide({
				mainCell: '.slideBox .slides',
				autoPlay: true,
				titCell: '.xslc_focus .txt',
				effect: "fold"
			});
			$(".slideTxtBox").slide();
		</script>
